<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>动态表格练习</title>
		<link rel="stylesheet" type="text/css" href="../css/table.css"/>
		<script src="../js/table.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div>
			<input type="text" id="input_name" placeholder="请输入姓名" />
			<input type="text" id="input_sex" placeholder="请输入性别" />
			<input type="text" id="input_age" placeholder="请输入年龄" />
			<input type="button" id="btn" value="添加" />
		</div>
		<table>
			<caption>学生信息表格</caption>
			<tr>
				<th><input type="checkbox" name="cb" id="first_cb"/></th>
				<th>姓名</th>
				<th>性别</th>
				<th>年龄</th>
				<th>操作</th>
			</tr>
			<tr>
				<td><input type="checkbox" name="cb"/></td>
				<td>陈骏霖</td>
				<td>男</td>
				<td>20</td>
				<td><a href="javascript:void(0);" onclick=del(this)>删除</a></td>
			</tr>
			<tr>
				<td><input type="checkbox" name="cb"/></td>
				<td>曾华诚</td>
				<td>男</td>
				<td>20</td>
				<td><a href="javascript:void(0);" onclick=del(this)>删除</a></td>
			</tr>
		</table>
		<div class="select">
			<input type="button" id="selectAll" value="全选" />
			<input type="button" id="selectAll_no" value="全不选" />
			<input type="button" id="select_reverse" value="反选" />
		</div>
	</body>
</html>
